<style scoped>
  .my_card{
    padding:0.5vh;

  }
  .small_title{
    font-size: 1.7vh;
    height:2vh;
    line-height: 2vh;
    color:whitesmoke;
  }
  .show{
    height:7vh;
    line-height: 7vh;
    font-size: 4vh;
    color:rgb(0,173,180)
  }
</style>
<template>
  <div class='my_card' style="height:33vh">
    <div style="height:32vh;background-color: rgb(35,40,44);">
      <div style="height:5vh;line-height:5vh;font-size: 2vh;color:whitesmoke;">
        租户入驻情况统计
      </div>
      <Row class="small_title">
        <Col span="24" >已入驻租户数</Col>
      </Row>
      <Row class="show">
        <Col span="12" > 134</Col>
        <Col span="12" >已入驻租户数</Col>
      </Row>

      <Row  class="small_title">
        <Col span="24" >已使用存储资源</Col>
      </Row>
      <Row class="show">
        <Col span="12" > 1234TB</Col>
        <Col span="12" >

            <Progress :percent="99" :success-percent="30" />

        </Col>
      </Row>

      <Row class="small_title">
        <Col span="24"  >已使用CPU资源</Col>
      </Row>
      <Row class="show">
        <Col span="12" > 134GB</Col>
        <Col span="12" >已入驻租户数</Col>
      </Row>
    </div>


  </div>

</template>

<script>
  export default {
    name:'tenants_status'
  }
</script>

